<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>技术共享家园</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/blog.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/foot.css">
<link href="${pageContext.request.contextPath}/favicon.ico" rel="SHORTCUT ICON">
<script src="${pageContext.request.contextPath}/static/bootstrap3/js/jquery-1.11.2.min.js"></script>
<script src="${pageContext.request.contextPath}/static/bootstrap3/js/bootstrap.min.js"></script>

<script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "//hm.baidu.com/hm.js?aa5c701f4f646931bf78b6f40b234ef5";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
</script>

<style type="text/css">
	  body {
        padding-top: 10px;
        padding-bottom: 40px;
      }
</style>
</head>

<body>

<div class="container">
	<jsp:include page="/foreground/common/head.jsp"/>
	
	<jsp:include page="/foreground/common/menu.jsp"/>
	
	<div class="row">
		<div class="col-md-9">
			<jsp:include page="${mainPage }"></jsp:include>
		</div>

		<div class="col-md-3">
			<%--<div class="data_list">--%>
			<%--	<div class="data_list_title">--%>
			<%--		<img src="${pageContext.request.contextPath}/static/images/user_icon.png"/>--%>
			<%--		博主信息--%>
			<%--	</div>--%>
			<%--	<div class="user_image">--%>
			<%--		<img src="${pageContext.request.contextPath}/static/userImages/${currentUser.imageName }"/>--%>
			<%--	</div>--%>
			<%--	<div class="userName" align="center">${currentUser.userName }</div>--%>
			<%--	<div class="userNumber" align="center">${currentUser.userNumber }</div>--%>
			<%--	<div class="userSign" align="center">(${currentUser.sign })</div>--%>
			<%--</div>--%>

			<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/byType_icon.png"/>
					发帖排行
				</div>
				<div class="datas">
					<ul>
						<c:forEach var="postBlogCountList" items="${postBlogCountList }">
								<li><span>👍&nbsp;<a href="${pageContext.request.contextPath}/blogger/aboutMe/${postBlogCountList.id}.html" style="color: #dd940f"><strong>${postBlogCountList.userName}</strong></a></span>&nbsp;${postBlogCountList.postBlog }篇</li>
						</c:forEach>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/byType_icon.png"/>
					最受欢迎榜
				</div>
				<div class="datas">
					<ul>
						<c:forEach var="blogUpHitCountList" items="${blogUpHitCountList }">
							<li><span>💖&nbsp;<a href="${pageContext.request.contextPath}/blog/articles/${blogUpHitCountList.id }.html">${blogUpHitCountList.title }(${blogUpHitCountList.upHit })</a></span>--作者&nbsp;<strong><a href="${pageContext.request.contextPath}/blogger/aboutMe/${blogUpHitCountList.userId}.html" style="color: #09b2aa">${blogUpHitCountList.userName}</a></strong></li>
						</c:forEach>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/byType_icon.png"/>
					阅读热榜
				</div>
				<div class="datas">
					<ul>
						<c:forEach var="blogReadCountList" items="${blogReadCountList }">
							<li><span>💥&nbsp;<a href="${pageContext.request.contextPath}/blog/articles/${blogReadCountList.id }.html">${blogReadCountList.title }(${blogReadCountList.clickHit })</a></span>--作者&nbsp;<strong><a href="${pageContext.request.contextPath}/blogger/aboutMe/${blogReadCountList.userId}.html" style="color: #09b2aa">${blogReadCountList.userName}</a></strong></li>
						</c:forEach>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/byType_icon.png"/>
					课程目录
				</div>
				<div class="datas">
					<ul>
						<c:forEach var="blogTypeCount" items="${blogTypeCountList }">
							<li><span>📘&nbsp;<a href="${pageContext.request.contextPath}/index.html?typeId=${blogTypeCount.id }">${blogTypeCount.typeName }(${blogTypeCount.blogCount })</a></span></li>
						</c:forEach>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/link_icon.png"/>
					友情链接
				</div>
				<div class="datas">
					<ul>
						<c:forEach var="link" items="${linkList }">
							<li><span>➡<a href="${link.linkUrl }" target="_blank">${link.linkName }</a></span></li>
						</c:forEach>
					</ul>
				</div>
			</div>

			<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/byDate_icon.png"/>
					发布年月
				</div>
				<div class="datas">
					<ul>
						<c:forEach var="blogCount" items="${blogCountList }">
							<li><span>🗓<a href="${pageContext.request.contextPath}/index.html?releaseDateStr=${blogCount.releaseDateStr }">${blogCount.releaseDateStr }(${blogCount.blogCount })</a></span></li>
						</c:forEach>
					</ul>
				</div>
			</div>
			
		</div>
		
	</div>

</div>

</body>
</html>